<div id="container">
	<div class="navbar navbar-default navbar-fixed-top" role="navigation">
		<div class="clearfix"></div>
		<div class="container-fluid">
    		<div class="navbar-header">
            <div class="col-xs-12">
                <a href="{{config.application.baseUri}}"><img style="width: 190px; height: 57px;" src="{{ config.application.baseUri }}public/img/logo.png" /></a>
            </div>
        </div>
    		<div class="nav-main">
    			<a class="navbar-left hidden-xs textSub">Danh mục <strong>Mua sắm</strong> <i class="glyphicon glyphicon-th-large"></i></a>    			

                <ul class="list-nav-main category_header hidden-xs" style="display: none;">
                {%- for menu_item in root_menu_items %}
                    <li class="parent-nav"><a href="#">{{ menu_item.vg_dm_name }}<i class="glyphicon glyphicon-chevron-right"></i></a> 
                    {% set next_menu_level_items = menu_item.getChilds() %}
                    {% if next_menu_level_items %}
                       {%- for menu_item in next_menu_level_items %}
                          {% if loop.first %}
                          <ul class="list-nav-submain">
                          {% endif %}
                             <li>
                                <a href="{{ menu_item.getUrl() }}">
                                   {{ menu_item.vg_dm_name }}
                                </a>
                             </li>                    
                          {% if loop.last %}
                          </ul>
                          {% endif %}
                       {%- endfor %}
                    {% endif %}
                {%- endfor %}         
    			</ul>
			</div>
    		<form method="get" id="header_search" class="frmSearch nav-prime-menu" role="search" accept-charset="utf-8" action="">
        		<div class="hidden" id="category_hiden"></div>
        		<div class="nav-searchfield-outer">
            		<div class="nav-searchfield-inner">
                		<div class="nav-searchfield-width">
                    		<div class="nav-iss-attach">
                            	<a class="searAll category-home-show" style="width: auto;">Tất cả <i class="glyphicon glyphicon-chevron-down"></i></a>
                                <a href="javascript:;" data-provide="typeahead" type="submit" class="delQuery" id="delQuery" style="display: block;"></a>
                        		<ul class="list-searAll" style="display: none; overflow: hidden; outline: none; cursor: -webkit-grab;" tabindex="5000">
                            		
								</ul>
                        		<span class="twitter-typeahead" style="position: relative; display: inline-block;">
                                	<input type="text" suggest="" data-provide="typeahead" value="{{keyword}}" class="searchboxInput tt-hint" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);">
                                    <input type="text" suggest="" class="searchboxInput tt-input" name="q" value="{{keyword}}" placeholder="" id="search_keyword" style="position: relative; vertical-align: top; background-color: transparent;">
                                    <pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: nowrap; font-family: &#39;Open Sans&#39;, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: auto; text-transform: none;"></pre>
                                    <span class="tt-dropdown-menu" style="position: absolute; top: 100%; left: 0px; z-index: 100; display: none;">
                                    	<div class="tt-dataset-0"></div>
                                    </span>
								</span>
                    		</div>
                		</div>
            		</div>
        		</div>
        		<button type="submit" class="btnSearch"><i class="glyphicon glyphicon-search"></i></button>
    		</form>
		</div>
	</div>
  	<div id="blockContent">

<div id="detail-page">
    <div class="container-fluid">
        <div class="row row-offcanvas row-offcanvas-right">
            <div class="col-xs-12 col-sm-12 col-lg-12">
                <ol class="breadcrumb">
                    <li><a href="#">Trang chủ</a></li>
                    <li><a href="#">Điện thoại</a></li>
                    <li><a href="#">Điện thoại di động</a></li>
                    <li class="active"><h2>{{ product.sp_name }}</h2></li>
                </ol>
                <div class="clearfix"></div>
                <!--Begin detail page-->
                <div class="visible-xs">
                    <div class="well well-sm dispResult">
                        <div class="col-xs-12 dispResultName"><h1 class="prTitle">{{ product.sp_name }}</h1></div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="topContentWrapper">
                            <div class="topContentRight hidden-sm hidden-xs"></div><!-- .topContentRight -->
                            <div class="topContentLeft">
                                <div class="container-fluid">
                                    <div class="row row-offcanvas">
                                        <div class="col-lg-4 col-md-5 col-sm-6 col-xs-12">
                                            <div class="wrapBigImg">
                                                <div class="prThumbImg">
                                                    <ul class="clearfix wrap-thumb hidden-xs" id="gallery"></ul>
                                                </div>
                                                <div class="prFullImg"><a class="fancy" href="#">
                                                {% set first_image = product.getFirstImage() %}
                                                    <img class="img-responsive" alt="{{ product.sp_name }}" src="{{ first_image }}" ></a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-8 col-md-7 col-sm-6">
                                            <h1 class="prTitle hidden-xs" id="cluster_id">{{ product.sp_name }}</h1>
                                            <p class="shortSpec">
                                                <strong>Thương hiệu</strong>: ...<br />
                                                <dl class="shortSpec">
                                                    <dt>Hãng sản xuất</dt><dd>...</dd>
                                                    <dt>Màn hình hiển thị</dt><dd>...</dd>
                                                    <dt>Màu màn hình</dt><dd>...</dd>
                                                    <dt>Độ phân giải</dt><dd>...</dd>
                                                    <dt>Kích thước màn hình</dt><dd>...</dd>
                                                </dl>
                                            </p>
                                            <div class="shortDesc">
                                                <p>Nội dung mô tả</p>
                                            </div>
                                            <p><a class="description" data-scroll="description">Chi tiết</a></p>
                                        </div><!-- row row-offcanvas row-offcanvas-left -->
                                    </div>
                                </div><!-- .container-fluid -->
                            </div><!-- .topContentLeft -->
                        </div><!-- .topContentWrapper -->
                        <div class="prdFullContent">
                            <div id="detail-section-wrapper" class="hidden-xs">
                                <div id="detail-section-nav" class="stnd-tabs">
                                    <div data-scroll="seller-list" data-section-id="0" class="stnd-tab section-nav first id-0">
                                        <span class="title-text">Nơi bán</span>
                                    </div>
                                    <div data-scroll="description" data-section-id="1" class="stnd-tab section-nav id-1">
                                        <span class="title-text">Mô tả</span>
                                    </div>
                                    <div data-scroll="property" data-section-id="2" class="stnd-tab section-nav id-2">
                                        <span class="title-text">Thông số</span>
                                    </div>
                                </div>
                            </div><!-- #detail-section-wrapper -->
                            <section id="seller-list" data-anchor="seller-list">
                                <div class="row">
                                    <div class="col-lg-9">
                                        <div class="shopList" id="shopList">
                                            <div class="container-fluid">
                                                <div class="row divTableHead">
                                                    <div class="col-lg-2 col-md-2 col-sm-3">Nơi bán</div>
                                                    <div class="col-lg-5 col-md-5 col-sm-4">Tên sản phẩm</div>
                                                    <div class="col-lg-3 col-md-3 col-sm-3 text-right">So sánh giá</div>
                                                    <div class="col-lg-2 col-md-2 col-sm-2 text-center">Mua ngay</div>
                                                </div><!-- .row -->
                                                {% set list_gian_hang = product.getListGh() %}
                                                {%- for gian_hang in list_gian_hang %}
                                                <div class="row divTableRow">
                                                    <div class="col-lg-2 col-md-2 col-sm-3">
                                                        <div class="midAlign">
                                                            <div class="merchant-phone">
                                                                <span class="shopNameImg">
                                                                    <img src="{{ gian_hang['gh_avatar'] }}"/>
                                                                </span>
                                                                <span class="sellerInfo"><i class="glyphicon glyphicon-info-sign"></i></span>
                                                                <div class="popover right">
                                                                    <div class="arrow"></div>
                                                                    <div class="popover-inner">
                                                                        <h3 class="popover-title">{{ gian_hang['gh_uname'] }}</h3>
                                                                        <div class="popover-content">
                                                                            <p><strong>Website:</strong> lazada.vn<br />
                                                                            <strong>Địa chỉ:</strong> <a class="geo-location" data-target="#mapmodals" data-toggle="modal"> Xem bản đồ nơi bán</a></p>
                                                                            <p><strong>Điện thoại:</strong></p>
                                                                            <ul>
                                                                                <li><strong>HCM</strong>
                                                                                    <ul>
                                                                                        <li>(08)39421188-HàNội</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li><strong>HotlineHCM</strong>
                                                                                    <ul>
                                                                                        <li>0969079669</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li><strong>HotlineHN</strong>
                                                                                    <ul>
                                                                                        <li>0907909669</li>
                                                                                    </ul>
                                                                                </li>
                                                                            </ul>
                                                                        </div><!-- .popover-content -->
                                                                        <div class="popover-footer">
                                                                            <a href="#"><i class="fa fa-angle-double-right"></i> Xem tất cả sản phẩm</a>
                                                                        </div>
                                                                    </div><!-- .popover-inner -->
                                                                </div><!-- .popover -->
                                                            </div><!-- .merchant-phone -->
                                                        </div><!-- .midAlign -->
                                                    </div>
                                                    <div class="col-lg-5 col-md-5 col-sm-4">
                                                        <div class="midAlign">
                                                            <span class="prdName">{{ gian_hang['gh_uname'] }}</span>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-3 col-md-3 col-sm-3">
                                                        <div class="midAlign">
                                                            <div class="priceShop cRed">{{ gian_hang['gia_sp'] }}</div>
                                                        </div><!-- .midAlign -->
                                                    </div>
                                                    <div class="col-lg-2 col-md-2 col-sm-2">
                                                        <div class="midAlign">
                                                            <span><a class="btn btn-warning btn-block btn-buy-now btn-sm" href="http://vatgia.com{{ gian_hang['gh_sp_uri'] }}" target="_blank"><i class="glyphicon glyphicon-hand-right"></i> Xem ngay</a></span>
                                                        </div>
                                                    </div>
                                                </div><!-- .row -->                                    
                                                {%- endfor %}
                                            </div><!-- .container-fluid -->
                                            <div aria-hidden="true" aria-labelledby="myLargeModalLabel" role="dialog" tabindex="-1" class="modal fade" style="display: none;" id="mapmodals">
                                                <div class="modal-dialog modal-lg">
                                                    <div class="modal-content shopMap">
                                                    <div class="map-header">
                                                        <div id="map-name"></div>
                                                        <div id="map-address"></div>
                                                    </div>
                                                        <div id="map-canvas" style="padding:10px;width: 68%; height: 450px;"></div>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- #shopList -->
                                    </div>
                                </div>
                            </section><!-- #seller-list -->
                            <div class="prSpecBlock">
                                <section id="description" data-anchor="description">
                                    <h3>Mô tả sản phẩm</h3>
                                    <div class="row">
                                        <div class="col-lg-9">
                                            <div class="fullDesc">
                                                iPhone 5S và iPhone 5C chính là hai nhân tố tâm điểm khiến thị trường di động náo nhiệt trong suốt những tháng cuối năm 2013. Giống như những phiên bản iPhone trước đó của Apple, phiên bản "S" mới này là bản nâng cấp rất đáng giá của iPhone 5, tuy vẫn còn giữ nhiều chi tiết giống người tiền nhiệm nhưng thiết bị đã có những cải tiến mang tính bước ngoặt.
                                            </div><!-- .fullDesc -->
                                        </div>
                                    </div>
                                </section><!-- #description -->
                                <section id="property" data-anchor="property">
                                    <h3>Thông số kĩ thuật</h3>
                                    <div class="row">
                                        <div class="col-lg-9">
                                            <div class="fullSpec">
                                                <table class="prSpecTable">
                                                    <tbody><tr>
                                                        <td class="featureName">Hãng sản xuất</td>
                                                        <td class="featureValue">Apple</td>
                                                    </tr><tr>
                                                        <td class="featureName">Màn hình hiển thị</td>
                                                        <td class="featureValue">DVGA</td>
                                                    </tr><tr>
                                                        <td class="featureName">Màu màn hình</td>
                                                        <td class="featureValue">16 triệu màu</td>
                                                    </tr><tr>
                                                        <td class="featureName">Độ phân giải</td>
                                                        <td class="featureValue">640 x 1136 pixel</td>
                                                    </tr><tr>
                                                        <td class="featureName">Kích thước màn hình</td>
                                                        <td class="featureValue">4.0 inches</td>
                                                    </tr><tr>
                                                        <td class="featureName">Hỗ trợ cảm ứng</td>
                                                        <td class="featureValue">Cảm ứng điện dung đa điểm</td>
                                                    </tr><tr>
                                                        <td class="featureName">Hệ điều hành</td>
                                                        <td class="featureValue">iOS 7</td>
                                                    </tr><tr>
                                                        <td class="featureName">Chipset</td>
                                                        <td class="featureValue">Apple A6</td>
                                                    </tr><tr>
                                                        <td class="featureName">CPU</td>
                                                        <td class="featureValue">Dual-core 1.3 GHz</td>
                                                    </tr><tr>
                                                        <td class="featureName">GPU</td>
                                                        <td class="featureValue">PowerVR SGX 543MP3</td>
                                                    </tr><tr>
                                                        <td class="featureName">Bộ nhớ trong (ROM)</td>
                                                        <td class="featureValue">16 GB</td>
                                                    </tr><tr>
                                                        <td class="featureName">RAM</td>
                                                        <td class="featureValue">1 GB</td>
                                                    </tr><tr>
                                                        <td class="featureName">Ngôn ngữ hiển thị</td>
                                                        <td class="featureValue">Tiếng Việt, Tiếng Anh</td>
                                                    </tr><tr>
                                                        <td class="featureName">Camera sau</td>
                                                        <td class="featureValue">8.0 MP</td>
                                                    </tr><tr>
                                                        <td class="featureName">Camera trước</td>
                                                        <td class="featureValue">1.2 MP</td>
                                                    </tr><tr>
                                                        <td class="featureName">Tính năng camera</td>
                                                        <td class="featureValue">Đèn Led Flash, Tự động lấy nét, chạm lấy nét, Nhận diện khuôn mặt</td>
                                                    </tr><tr>
                                                        <td class="featureName">Quay phim</td>
                                                        <td class="featureValue">Quay phim FullHD 1080p@30fps</td>
                                                    </tr><tr>
                                                        <td class="featureName">Video Call</td>
                                                        <td class="featureValue">Có</td>
                                                    </tr><tr>
                                                        <td class="featureName">Băng tần 2G</td>
                                                        <td class="featureValue">GSM 850/900/1800/1900</td>
                                                    </tr><tr>
                                                        <td class="featureName">Băng tần 3G, 4G</td>
                                                        <td class="featureValue">HSDPA 850/900/1900/2100</td>
                                                    </tr><tr>
                                                        <td class="featureName">Tốc độ 3G, 4G</td>
                                                        <td class="featureValue">DC-HSDPA, 42 Mbps; HSDPA, 21 Mbps; HSUPA, 5.76 Mbps, LTE, 100 Mbps; EV-DO Rev. A, up to 3.1 Mbps</td>
                                                    </tr><tr>
                                                        <td class="featureName">Loại sim</td>
                                                        <td class="featureValue">nano sim</td>
                                                    </tr><tr>
                                                        <td class="featureName">GPS</td>
                                                        <td class="featureValue">A-GPS và GLONASS</td>
                                                    </tr><tr>
                                                        <td class="featureName">Bluetooth</td>
                                                        <td class="featureValue">V4.0 with A2DP</td>
                                                    </tr><tr>
                                                        <td class="featureName">GPRS</td>
                                                        <td class="featureValue">Có</td>
                                                    </tr><tr>
                                                        <td class="featureName">WLAN</td>
                                                        <td class="featureValue">Wi-Fi 802.11 a/b/g/n, dual-band, Wi-Fi hotspot</td>
                                                    </tr><tr>
                                                        <td class="featureName">Trình duyệt</td>
                                                        <td class="featureValue">HTML (Safari)</td>
                                                    </tr><tr>
                                                        <td class="featureName">USB</td>
                                                        <td class="featureValue">USB 2.0</td>
                                                    </tr><tr>
                                                        <td class="featureName">Xem phim</td>
                                                        <td class="featureValue">H.263, H.264(MPEG4-AVC), MP4, WMV</td>
                                                    </tr><tr>
                                                        <td class="featureName">Nghe nhạc</td>
                                                        <td class="featureValue">MP3, WAV, WMA, eAAC+</td>
                                                    </tr><tr>
                                                        <td class="featureName">Tai nghe</td>
                                                        <td class="featureValue">3.5 mm</td>
                                                    </tr><tr>
                                                        <td class="featureName">Các tính năng khác</td>
                                                        <td class="featureValue">Mạng xã hội ảo; Dịch vụ lưu trữ đám mây iCloud; Mở khoá bằng dấu vân tay; Micro chuyên dụng chống ồn; Chỉnh sửa hình ảnh, video</td>
                                                    </tr><tr>
                                                        <td class="featureName">Kiểu dáng</td>
                                                        <td class="featureValue">Kiểu thanh thẳng + cảm ứng</td>
                                                    </tr><tr>
                                                        <td class="featureName">Kích thước</td>
                                                        <td class="featureValue">123.8 x 58.6 x 7.6 mm</td>
                                                    </tr><tr>
                                                        <td class="featureName">Loại pin</td>
                                                        <td class="featureValue">Pin chuẩn Li-Ion</td>
                                                    </tr><tr>
                                                        <td class="featureName">Pin</td>
                                                        <td class="featureValue">Dung lượng pin 1560 mAh</td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div><!-- .fullSpec -->
                                        </div>
                                    </div>
                                </section><!-- #property -->
                            </div>                            
                            <section id="prdNews" data-anchor="prdNews">
                                <div class="prGirdView hidden-xs" id="related_articles"></div>
                            </section><!-- #prdNews -->
                            <section id="relatedProducts" data-anchor="relatedProducts">
                                <div class="prGirdView hidden-xs" id="recommend_cluster"></div>
                            </section><!-- #relatedProducts -->
                        </div>
                    </div><!-- left column -->
                </div><!-- .row -->
                <div class="clearfix"></div>
            </div>        
        </div>
    </div><!-- .container-fluid -->
</div><!-- #detail -->

    <div id="footer" class="container-fluid">
      <!-- Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 -->
<div class="copyright row">
        <div class="col-lg-5 col-md-6">© 2014 <strong>PriceAsia.Net</strong>&nbsp;<span class="hidden-sm hidden-xs">Tìm sản phẩm với giá rẻ nhất, phù hợp nhất, uy tín nhất.</span></div>


   
    </div>
  </div>
</div>
</div>